<template>
    <div class="filterPop">
        <van-picker title="类型" show-toolbar :columns="filterList" value-key="title" @confirm="onConfirm" @cancel="onCancel"/>
    </div>
</template>

<script>
import { Picker } from 'vant';
export default {
    components: {
        [Picker.name]: Picker,
    },
    props:{
        filterList:{
            type:Array,
            default:()=>[]
        }
    },
    mounted() {

    },
    methods: {
        onConfirm(data){
            this.$emit('confirm',data);
        },
        onCancel(){
            this.$emit('cancel',false);
        },
    },
}
</script>

<style lang="scss" scoped>
.filterPop {
    ::v-deep .van-picker{
        .van-hairline-unset--top-bottom{
            &::after{
                border: 0 solid #ebedf0 !important;
                border-width: 1px 0 !important;
            }
        }
    }
}
</style>